@use './reset.scss' as *;
@use 'tailwindcss/base';
@use 'tailwindcss/components';
@use 'tailwindcss/utilities';

// 增加选择器优先级和特异性
html,
body {
  // 设置滚动条的样式
  &::-webkit-scrollbar-thumb {
    background-color: rgba(128, 128, 128, 0.5); // 灰色透明度50%
    border-radius: 5px;
    border: none; // 去掉边框
  }

  // 滚动条悬停样式
  &::-webkit-scrollbar-thumb:hover {
    background-color: rgba(194, 188, 188, 0.7); // 悬停时稍微加深
  }

  // 设置滚动条宽度
  &::-webkit-scrollbar {
    width: 6px;
  }

  // 设置滚动条轨道片段样式
  &::-webkit-scrollbar-track-piece {
    background-color: #222;
  }
}
